<template>
  <div class="breadcrumb">
    <el-card>
      <el-breadcrumb separator-class="el-icon-arrow-right">
        <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
        <el-breadcrumb-item v-for="(item,index) in $route.matched" :key="index">{{item.name}}</el-breadcrumb-item>
      </el-breadcrumb>
    </el-card>
  </div>
</template>

<script>
export default {
  name: "BreadCrumb",
  created(){
      // console.log(this.$router)
      // console.log('###')
      // console.log(this.$route)
  }
};
</script>

<style>
</style>